<template>
    <div class="wrap" >
        <list style="width:750px" >
            <cell class="cell" v-for="(list,index) in lists" :key="index" @click="open(list.url)">
                <text>{{list.title}}</text>
            </cell>
        </list>
    </div>
</template>
<script>
export default {
    data(){
        return{
            lists:[
                {
                    title: 'banner',
                    url: 'test.weiui.banner'
                },
                {
                    title: 'button',
                    url: 'test.weiui.button'
                },
                {
                    title: 'grid',
                    url: 'test.weiui.grid'
                },
                {
                    title: 'icon',
                    url: 'test.weiui.icon'
                },
                {
                    title: 'marquee',
                    url: 'test.weiui.marquee'
                }
            ]
        }
    },
    methods:{
        open(url){
            var vm = this;
            vm.$router.open({
                name: url
            })
        }
    },
    created() {
    // this.wrapHeight = Utils.env.getPageHeight();
    // this.height = Utils.env.getPageHeight() - 100;
    this.$navigator.setLeftItem(
      {
        text: "返回", // 展示的文字 (和图片 二选一)
        textColor: "", // 文字颜色 (默认为白色)
        fontSize: "32", // 字号（默认32px）
        fontWeight: "normal", // 是否加粗（默认不加粗）
        image: "" // 展示的图片url (和文字 二选一，文字优先级更高)
      },
      () => {
        // 点击回调
        this.$router.back({
          type: "PUSH"
        });
      }
    );
  }
}
</script>
<style scoped>
    .wrap {
        width: 750px;
    }
    .cell {
        height: 100px;
        align-items: center;
        justify-content: center;
        border-bottom-width: 1px;
    }
</style>

